@import url("@/style.less");

.page{
	padding: 35rpx;
	position: relative;
	.list{
		padding-top: 20rpx;
	}
	.list-title{
		margin-bottom: 35rpx;
		font-size: 42rpx;
		font-weight: bold;
		padding-left: 20rpx;
		color:@background-color;
		border-left: solid 15rpx @background-color;
		
	}
	.item{
		border: solid grey 1rpx;
		padding: 30rpx;
		background-color: #ffe6fd;
		border-radius: 15rpx;
		margin-bottom: 45rpx;
		.header{
			display: flex;
			justify-content: space-between;
			border-bottom: solid dimgrey 1rpx;
			padding-bottom: 20rpx;
			margin-bottom: 20rpx;
			.left{
				display: flex;
				.icon{
					width: 46rpx;
					margin-right: 20rpx;
					margin-top: -5rpx;
				}
				text{
					font-size: 32rpx;
					color: @font-color;
				}
				.red{
					color: darkred;
				}
				.blue{
					color: royalblue;
				}
			}
			.right{
				text{
					font-size: 32rpx;
					color: @background-color;
				}
			}
		}
		.content{
			position: relative;
			.t{
				display: flex;
				justify-content: space-between;
				.title{
					font-size: 44rpx;
					margin-top: 5rpx;
					color: @font-color;
				}
				.rtitle{
					font-size: 54rpx;
					color: #aaaaff;
				}
			}
			.attr{
				display: flex;
				justify-content: space-between;
				vertical-align: sub;
				color: #999;
				font-size: 40rpx;
				line-height: 40rpx;
				padding: 15rpx 0;
				.timer{
					margin-right: 35rpx;
					margin-top: 10rpx;
					display: flex;
					.tx{
						margin-top: 20rpx;
						padding-left: 10rpx;
					}
					.icon{
						width: 55rpx;
						margin-right: 10rpx;
						margin-top: 15rpx;
					}
				}
				.qty{
					color: #ff557f;
					font-size: 60rpx;
					line-height: 1.6;
				}
			}
			.desc{
				color: #999;
				font-size: 30rpx;
				line-height: 1.6;
			}
			
		}
	}
}